<!-- 逻辑 -->
<script setup lang="ts">
import { reactive } from 'vue'

const state = reactive({
  name: '旺财',
  color: '黄色'
})
</script>

<!-- 结构 -->
<template>
  <h1 @click="state.color += '!'">{{ state.color }}</h1>
</template>

<!-- 样式 -->
<style scoped></style>
